<!--
 * @Author: your name
 * @Date: 2021-05-17 13:13:36
 * @LastEditTime: 2021-05-17 21:14:50
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue-demo\src\views\Home\Index.vue
-->
<template>
  <div>
    <Carousel :imgSrc="imgSrc"></Carousel>
    <Table :tableData="tableData"></Table>
  </div>
</template>

<script>
import Carousel from "../../components/Carousel";
import Table from "../../components/Table";

export default {
  data() {
    return {
      imgSrc: [
        "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=37224379,1319381527&fm=26&gp=0.jpg",
        "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=387895873,3842471297&fm=26&gp=0.jpg",
        "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3043401003,2600086914&fm=26&gp=0.jpg",
        "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3088811327,820703798&fm=26&gp=0.jpg",
      ],
      pageIndex: 1,
    };
  },
  computed: {
    tableData() {
      const arr = [];
      for (let i = 0; i < 400; i++) {
        arr[i] = {
          id: i,
          name: `name${i}`,
        };
      }
      return arr;
    },
  },
  components: {
    Carousel,
    Table,
  },
};
</script>

<style>
</style>